<template>
  <div>
    <!--科技栏目-->
    <div>
      <ul>
        <li>
          <span @click="goto(0)">5G时代到来了 </span>
          <button class="btn  btn-default btn-xs">查看(Push)</button>&nbsp;
          <button class="btn btn-default btn-xs">查看(replace)</button>
        </li>
        <li>
          <span @click="goto(1)">互联网大洗牌</span>
          <button class="btn  btn-default btn-xs">查看(Push)</button>&nbsp;
          <button class="btn  btn-default btn-xs">查看(replace)</button>
        </li>
      </ul>
      <!-- 路由出口 -->
      <router-view />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },

  components: {},

  methods: {
    goto(id) {
      //动态路由传参
      this.$router.push("/news/tec/detail/" + id);
    }
  }
};
</script>

<style scoped>
</style>